<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="shortcut icon" href="<!--{eval echo register_static('img/touch-icon-57x57.png');}-->">

    <title>粉粉管理系统</title>

    <!-- Bootstrap core CSS -->
    <link href="<!--{eval echo register_static('css/bootstrap.min.css');}-->" rel="stylesheet">
    <link href="<!--{eval echo register_static('css/bootstrap-reset.css');}-->" rel="stylesheet">

    <!--Animation css-->
    <link href="<!--{eval echo register_static('css/animate.css');}-->" rel="stylesheet">

    <!--Icon-fonts css-->
    <link href="<!--{eval echo register_static('assets/font-awesome/css/font-awesome.css');}-->" rel="stylesheet" />
    <link href="<!--{eval echo register_static('assets/ionicon/css/ionicons.min.css');}-->" rel="stylesheet" />

    <link href="<!--{eval echo register_static('assets/sweet-alert/sweet-alert.min.css');}-->" rel="stylesheet">

    <!-- Plugins css -->
    <link href="<!--{eval echo register_static('assets/modal-effect/css/component.css');}-->" rel="stylesheet">

    <!-- DataTables -->
    <link rel="stylesheet" href="<!--{eval echo register_static('assets/datatables/jquery.dataTables.min.css" rel="stylesheet');}-->" />

    <!-- Custom styles for this template -->
    <link href="<!--{eval echo register_static('css/style.css');}-->" rel="stylesheet">
    <link href="<!--{eval echo register_static('css/helper.css');}-->" rel="stylesheet">

    <!-- My styles for this template -->
    <link href="<!--{eval echo register_static('css/common.css');}-->" rel="stylesheet">
    <link href="<!--{eval echo register_static('assets/timepicker/bootstrap-timepicker.min.css');}-->" rel="stylesheet">
    <link href="<!--{eval echo register_static('assets/timepicker/bootstrap-datepicker.min.css');}-->" rel="stylesheet">


</head>

<body id="mybody">

<!-- Aside Start-->
<!--{template admin_v2/leftside}-->
<!-- Aside Ends-->


<!--Main Content Start -->
<section class="content">

    <!-- Header -->
    <!--{template admin_v2/header}-->
    <!-- Header Ends -->


    <!-- Page Content Start -->
    <!-- ================== -->

    <div class="wraper container-fluid diary-topics">

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default" style="overflow: auto;">
                    <div class="panel-heading">
                        <h3 class="panel-title">手账{$info['goods_name']}下载量统计</h3>
                    </div>
                    <div class="panel-body">

                        <div id="main" style="height:700px;width:100%"></div>
                        <!--统计表-->
                        <script src="<!--{eval echo register_static('echarts/echarts.js');}-->"></script>
                        <script type="text/javascript">
                            // 路径配置
                            require.config({
                                paths: {
                                    echarts: "/static_v2/echarts"
                                }
                            });
                            // 使用
                            require(
                                [
                                    'echarts',
                                    'echarts/chart/bar', // 使用柱状图就加载bar模块  http://manage.local.net/static_v2/build/dist/chart/bar.js
                                    'echarts/chart/line' // 折线图模块
                                ],
                                function (ec) {
                                    // 初始化echarts图表
                                    var myChart = ec.init(document.getElementById('main'));
                                    var option = {
                                        title : {
                                            text: '{$name}'
                                        },
                                        tooltip : {
                                            trigger: 'axis'
                                        },
                                        legend: {
                                            data:['下载量']
                                        },
                                        toolbox: {
                                            show : true,
                                            feature : {
                                                dataView : {show: true, readOnly: false},  //数据视图
                                                magicType : {show: true, type: ['line', 'bar']},  //折线图、柱状图
                                                restore : {show: true},  //还原
                                                saveAsImage : {show: true}   //保存为图片
                                            }
                                        },
                                        calculable : true,
                                        xAxis : [
                                            {
                                                type : 'category',
                                                name : '日期',
                                                data : [
                                                    <!--{loop $data['list'] $val}-->
                                                        <!--{$val['ymd']}-->,
                                                    <!--{/loop}-->
                                                ]
                                            }
                                        ],
                                        yAxis : [
                                            {
                                                type : 'value',
                                                name : '下载量'
                                            }
                                        ],
                                        series : [
                                            {
                                                name : '下载量',
                                                type : 'line',   //先显示的图形
                                                data : [
                                                    <!--{loop $data['list'] $val}-->
                                                        <!--{$val['num']}-->,
                                                    <!--{/loop}-->
                                                ],
                                                barWidth  : 70,   //宽度
                                                itemStyle : {
                                                    normal : {
                                                        color : '#1BB2D8'  //颜色值
                                                    }
                                                }
                                            }
                                        ]
                                    };
                                    // 为echarts对象加载数据
                                    myChart.setOption(option);
                                }
                            );
                        </script>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- Page Content Ends -->
    <!-- ================== -->

    <div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">

    </div><!-- /.modal -->


    <!-- Footer Start -->
    <!--{template admin_v2/footer}-->
    <!-- Footer Ends -->



</section>
<!-- Main Content Ends -->

<!-- js placed at the end of the document so the pages load faster -->
<script src="<!--{eval echo register_static('js/jquery.js');}-->"></script>
<script src="<!--{eval echo register_static('js/bootstrap.min.js');}-->"></script>
<script src="<!--{eval echo register_static('js/pace.min.js');}-->"></script>
<script src="<!--{eval echo register_static('js/wow.min.js');}-->"></script>
<script src="<!--{eval echo register_static('js/jquery.nicescroll.js');}-->" type="text/javascript"></script>
<script src="<!--{eval echo register_static('js/jquery.app.js');}-->"></script>

<script src="<!--{eval echo register_static('js/handlebars-v4.0.5.js');}-->"></script>
<script src="<!--{eval echo register_static('js/handlebars-helper.js');}-->"></script>
<script src="<!--{eval echo register_static('layer/layer.js');}-->"></script>
<script src="<!--{eval echo register_static('laypage/laypage.js');}-->"></script>
<script src="<!--{eval echo register_static('laydate/laydate.js');}-->"></script>

<script src="<!--{eval echo register_static('assets/datatables/jquery.dataTables.min.js');}-->"></script>
<script src="<!--{eval echo register_static('assets/datatables/dataTables.bootstrap.js');}-->"></script>
<script src="<!--{eval echo register_static('assets/sweet-alert/sweet-alert.min.js');}-->"></script>
<script src="<!--{eval echo register_static('assets/sweet-alert/sweet-alert.init.js');}-->"></script>

<!-- Modal-Effect -->
<script src="<!--{eval echo register_static('assets/modal-effect/js/classie.js');}-->"></script>
<script src="<!--{eval echo register_static('assets/modal-effect/js/modalEffects.js');}-->"></script>
<script src="//cdn.bootcss.com/tinyColorPicker/1.1.1/jqColorPicker.js"></script>


<script src="<!--{eval echo register_static('layer/layer.js');}-->"></script>
<script src="<!--{eval echo register_static('laytpl/laytpl.js');}-->"></script>

</body>
</html>
